/**
左侧菜单
 */
.left-menu-layout {

  aside {
    background: #444 !important;
    margin-top: 50px;
  }

  .q-layout-drawer-delimiter {
    box-shadow: none;
  }
  .left-menu {
    padding-top: 0;
    //左边菜单底色
    .q-layout-drawer {
      background: #252525;
    }

    //菜单图标大小
    .q-item-letter, .q-item-icon {
      font-size: 18px;
    }

    //左边菜单字体与图表边距
    .q-item-section + .q-item-section {
      margin-left: 10px;
    }
  }
  .ext-class {
    position: absolute;
    background: #444;
    z-index: 9999;
    left: 60px;
    top: 44px;
    padding: 0;
    .q-item {
      .q-item-side {
        .q-icon, .q-item-letter, .q-item-icon {
          font-size: 18px !important;
        }
      }
    }
  }

  .zoom-menu {
    /*background: #636363 !important;*/
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    padding-left: 19px;
    .line {
      height: 1px;
      width: 100%;
      background: #5d5d5d;
      position: absolute;
      left: 0;
      top: 34px;
    }
  }

  .zoom-menu:hover {
    background: #5f5f5f;
  }

  .q-layout-drawer-normal {
    .zoomMenu {
      padding-left: 50%;
    }
  }

  /*自定义菜单*/
  .asideBox {
    color: #ccc;
    padding-top: 5px;
    aside {
      height: auto;
      .asideMenu {
        cursor: pointer;
        margin: 0;
        padding: 0;
        .subMenu {
          margin: 0;
          padding: 0;
          background: #141414;
          .item-point {
            width: 6px;
            height: 6px;
            background-color: #585858;
            border-radius: 50px;
            position: absolute;
            top: 15px;
            left: 55px;
          }
        }
        .oneMenu {
          padding-left: 20px;
          height: 40px;
          line-height: 40px;
        }
        .oneMenuChild {
          padding-left: 75px;
          height: 40px;
          line-height: 40px;
          font-size: 14px;
        }
        .oneMenu:hover, .oneMenuChild:hover {
          background: #aaa;
          color: #000;
        }
        .active {
          background: hsla(0, 0%, 74%, .4);
          .item-point {
            background: #7d7d7d;
          }
        }
        .right-arrow {
          float: right;
          padding-right: 15px;
          height: 40px;
          line-height: 40px;
        }
      }
    }
  }
}

